var UPLOAD_SUCCESS = 1;
var UPLOAD_FAIL = 2;
var MSG_UPLOAD_FAIL = "Bạn chỉ được sử dụng tập tin hình ảnh.";
var MSG_UPLOAD_ERROR = "Đăng ảnh không thành công vui lòng thử lại.";
var MSG_DELETE_ERROR = "Xóa ảnh không thành công vui lòng thử lại.";

$(document).ready(function() {
	
	$(document).on('change', '.postImage', function(e){
		index = $(this).attr('class').match(/\d+/)[0];
    	prepareUpload($(this),index);
    	
    });
    $(document).on('click','.remove-image',function(){
    	$img = $(this).closest('div.image-up-success').find('img');
    	index = $(this).attr('class').match(/\d+/)[0];
    	deleteImage($img.attr('src'),$(this),index);
    	
    });
    validateForm($("#postingFree"));
    addCustomRule();
    initRules();
    
    $('#data_price').autoNumeric('init');    
});
function prepareUpload($input,index){
    files = $input.prop('files');
    var fd = new FormData();
    fd.append("image", files[0]);
    $.ajax({
        url : "/postingFree/uploadImage",
        type : "POST",
        data : fd,
        contentType: false,
        processData:false,
        beforeSend: function(){
			//console.log("beforeSend");
		},
		success: function(data){
			jsonData = JSON.parse(data);
			if(jsonData.success == UPLOAD_SUCCESS){
				//console.log(jsonData.path);
				updateSrcImage($input.closest('div').find('.image-up-success'),jsonData.path, index);
			}else{
				showPopupMessage('#myModal',MSG_UPLOAD_FAIL);
			}
		},
		error: function(error){
			showPopupMessage('#myModal',MSG_UPLOAD_FAIL);
		}
    });
}
function updateSrcImage($img, path, index){
	$img.css('display','block');
	$img.find("img").prop('src','/'+path);
	$('.img_'+index).val(path);
	$('.img'+index).val("");
	
}
function deleteImage(srcFile, $btn, index){
	$.ajax({
        url : "/postingFree/deleteImage",
        type : "POST",
        dataType : "json",
        data : {
            "src" : srcFile
        },
        beforeSend: function(){
			
		},
		success: function(data){
			$btn.closest("div.image-up-success").css('display','none');
			$btn.closest("div.image-up-success").find('img').attr('src','');
			$('.img_'+index).val("");
		},
		error: function(error){
			showPopupMessage('#myModal',MSG_UPLOAD_ERROR);
		}
    });
}
function showPopupMessage(idModal, msg){
	$(idModal).find('.modal-body').html(msg);
	$(idModal).modal('show');
}
